{% extends "front/base.html" %}
{% block title %}Python论坛首页{% endblock %}
{% block head %}
  <link rel="stylesheet" href="{{ url_for('static',filename='css/front/front_base.css') }}">
  <link rel="stylesheet" href="{{ url_for('static',filename='css/front/index.css') }}">
{% endblock %}
{% block body %}
  <div class="lg-container">
    <div id="carousel-example-generic" class="carousel slide index-banner" data-ride="carousel">
      <!-- 指示器 -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
      </ol>
      <!-- 轮播图 -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <a href="www.baidu.com">
            <img src="../images/banner1.jpg" alt="...">
          </a>
        </div>
        <div class="item">
          <a href="www.baidu.com">
            <img src="../images/banner2.jpg" alt="...">
          </a>
        </div>
        <div class="item">
          <a href="www.baidu.com">
            <img src="../images/banner3.jpg" alt="...">
          </a>
        </div>
        <div class="item">
          <a href="www.baidu.com">
            <img src="../images/banner4.png" alt="...">
          </a>
        </div>
      </div>

      <!-- 左右切换的控制按钮 -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <div class="post-group">
      <ul class="post-group-head">
        <li class="active"><a href="#">最新</a></li>
        <li><a href="#">点赞最多</a></li>
        <li><a href="#">评论最多</a></li>
      </ul>
      <ul class="post-list-group">
        <li>
          <div class="author-avatar-group">
            <img src="../images/avatar.jpg" alt="">
          </div>
          <div class="post-info-group">
            <p class="post-title">
              <a href="post_detail.html">如何零基础自学Python？</a>
            </p>
            <p class="post-info">
              <span>作者：张三</span>
              <span>发表时间：2022年12月12日</span>
              <span>评论:10</span>
              <span>阅读:100</span>
            </p>
          </div>
        </li>
        <li>
          <div class="author-avatar-group">
            <img src="../images/avatar.jpg" alt="">
          </div>
          <div class="post-info-group">
            <p class="post-title">
              <a href="#">如何零基础自学Python？</a>
            </p>
            <p class="post-info">
              <span>作者：张三</span>
              <span>发表时间：2022年12月12日</span>
              <span>评论:10</span>
              <span>阅读:100</span>
            </p>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div class="sm-container">
    <div style="padding-bottom:10px;">
      <a href="public_post.html" class="btn btn-warning btn-block">发布帖子</a>
    </div>
    <div class="list-group">
      <a href="/" class="list-group-item active">所有板块</a>
      {% for board in boards %}
        <a href="#" class="list-group-item">{{ board.name }}</a>
      {% endfor %}

    </div>
  </div>
{% endblock %}